// pages/workerServices/workerServices.js
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    queryParentList: [], //总父类 类似于全部服务的左侧栏
    // typeList: ['电工', '水工', '木工', '油漆工', '刷墙工', '瓦 工', '开换锁工', '修水工'],
    active: 0,
    sonTypeId: null, //选中服务的id
    fatherTypeId: null,
    serviceList: [], //tba切换的一行

    serviceInfoList: [], //服务详情列表
  },
  clickOneService(e) {
    // console.log(e);
    var items = e.currentTarget.dataset.items
    if (!!items.typeId) {
      wx.navigateTo({
        url: '/pages/worker/waterproof/waterproof?typeId=' + items.typeId,
      })
    }
  },
  // tab  切换
  onChangetab(event) {
    var index = +event.detail.name
    this.setData({
      active: index
    })
    console.log(this.data.active);

    // console.log('1111111111111111', this.data);

    if (this.data.serviceList.length > 0) {
      this.getInfoByTypeId(this.data.serviceList[index].typeId)
    }

    // console.log(this.data.serviceList[+this.data.active].typeName);

  },
  // 获取服务类型  http://localhost:8082/manage/mobileUser/apply/queryParentList
  queryParentList() {
    var postObj = {
      url: '/mobileUser/apply/queryParentList',
      method: 'get'
    }
    app.request.loginRequest(postObj).then(res => {
      if (res.data.code === 200) {
        res.data.data.forEach((items, i) => {
          items.typeUrl = app.util.config().api + items.typeUrl
        })
        this.setData({
          queryParentList: res.data.data
        })
        console.log('获取服务类型', this.data.queryParentList);
        this.queryChildrenType('72')
      }
    })
  },
  //获取该类型下全部服务  /mobileUser/type/queryChildrenType 
  queryChildrenType(fatherTypeId) {
    var data = {
      typeId: fatherTypeId
    }
    var postObj = {
      url: '/mobileUser/type/queryChildrenType',
      method: 'post',
      data: data
    }
    app.request.loginRequest(postObj).then(res => {
      if (res.data.code === 200) {

        res.data.data.forEach((items, i) => {
          items.typeUrl = app.util.config().api + items.typeUrl
        })

        console.log('获取该类型下全部服务', res.data.data);

        this.setData({
          serviceList: res.data.data
        })



        if (!!this.data.sonTypeId) {
          this.getInfoByTypeId(this.data.sonTypeId)
        } else {
          this.getInfoByTypeId(res.data.data[0].typeId)
        }

      }
    })
  },

  // 获取详情服务列表   /mobileUser/type/getChildrenType
  getInfoByTypeId(typeId) {
    var postObj = {
      url: `/mobileUser/type/getChildrenType`,
      method: 'post',
      data: {
        typeId: typeId
      }
    }
    app.request.loginRequest(postObj).then(res => {

      if (res.data.code === 200) {
        console.log('获取详情服务列表 ', res.data.data);
        var data = res.data.data
        if (data.length > 0) {
          data.forEach((items, i) => {
            items.typeUrl = app.util.config().api + items.typeUrl
          })
        }
        this.setData({
          serviceInfoList: data
        })
      }

    })
  },

  // // 获取详情服务列表   /mobileUser/attribute/getInfoByTypeId/{typeId}
  // getInfoByTypeId(typeId) {
  //   var postObj = {
  //     url: `/mobileUser/attribute/getInfoByTypeId/${typeId}`,
  //     method: 'get'
  //   }
  //   app.request.loginRequest(postObj).then(res => {
  //     if (res.data.code === 200) {
  //       console.log('获取详情服务列表 ', res.data.data);
  //       var data = res.data.data
  //       if (data.length > 0) {
  //         data.forEach((items, i) => {
  //           items.url = app.util.config().api + items.url
  //         })
  //       }
  //       this.setData({
  //         serviceInfoList: data
  //       })
  //     }
  //   })
  // },
  //跳转
  navigateTo(e) {
    // type   1 防水治漏  2  电路维修  3  门窗维修
    const type = e.currentTarget.dataset.type //跳转参数
    const path = e.currentTarget.dataset.path

    const navigatePath = e.currentTarget.dataset.path + '?type=' + type
    if (!!type) {
      wx.navigateTo({
        url: navigatePath,
      })
    }

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let that = this
    console.log(options);
    let fatherTypeId = options.fatherTypeId //服务大类的id
    let typeName = options.typeName //服务大类名字
    let sonTypeId = options.sonTypeId //选中服务的id
    let index = +options.index //选中服务的下标

    // 设置标题
    wx.setNavigationBarTitle({
      title: !!typeName ? typeName : '服务',
    })

    that.setData({
      active: index,
      sonTypeId: sonTypeId,
      fatherTypeId: fatherTypeId
    })

    if (!!fatherTypeId) {
      that.queryChildrenType(fatherTypeId)
    } else {
      that.queryParentList()
      that.onChangetab({
        detail: {
          name: 0
        }
      }) //如果是从入驻进去的   默认选中第一个
    }


  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})